<template>
	<div class="wrap">
		<xcl-header :show="loading.show" :call-back="()=>{}" :page-title="pageTitle" :header-right="headerRight"></xcl-header>
		<div class="content">
			<div class="card" style="margin:0">
		      	<ul>
		      		<li class="row descrip-item">
		      			<div class="col-25">购买起点</div>
		      			<div class="col-75">{{productInfo.mbm/10000}}万元</div>
		      		</li>
		      		<li class="row descrip-item">
		      			<div class="col-25">购买费率</div>
		      			<div class="col-75">{{productInfo.bfr*100}}%</div>
		      		</li>
		      		<li class="row descrip-item">
		      			<div class="col-25">收益方式</div>
		      			<div class="col-75">{{productInfo.it==1?'浮动收益':'固定收益'}}</div>
		      		</li>
		      		<li class="row descrip-item">
		      			<div class="col-25">管理费率</div>
		      			<div class="col-75">{{productInfo.fmfr}}%年</div>
		      		</li>
		      		<li class="row descrip-item">
		      			<div class="col-25">浮动管理费率</div>
		      			<div class="col-75">{{productInfo.fmfr1}}%</div>
		      		</li>
		      		<li class="row descrip-item">
		      			<div class="col-25">追加起点</div>
		      			<div class="col-75">{{productInfo.mam}}万元</div>
		      		</li>
		      		<li class="row descrip-item" style="border:0">
		      			<div class="col-25">赎回费率</div>
		      			<div class="col-75">{{productInfo.rfr}}%</div>
		      		</li>
		      	</ul>
			</div>
		</div>
	</div>
</template>
<script>
	import xclHeader from '../components/header.vue'
	let ProductProxy =  require("../proxy/product_proxy");
	let product = new ProductProxy();
	export default {
		data(){
			return{
				pageTitle:'购买须知',
				productSId:this.$route.params.sid,
				productInfo:{},
				loading:{
                    show:false,
                    showTxt:'数据加载中...'
                }
			}
		},
		ready(){
			this.getBuyNotice();
		},
		methods:{
			getBuyNotice(){
				var _this= this;
				product.getProductRunningBase(_this.productSId,function(data){
					if(data.code === 200 && data.results && data.results.length){
						_this.productInfo=data.results[0];
					}
				});
			}
		},
		components:{
           "xclHeader":xclHeader,          
        }
	}
</script>
<style lang="stylus">
ul{
	margin:0;
	padding:0;
	list-style: none;
}
.descrip-item{
	padding: 0.5rem 0;
	margin:0 0.3rem;
  	border-bottom: 1px solid #dadada;
}
.card-title{
	padding:0.3rem 0.5rem;
	font-size:0.75rem;
}
</style>